<template>
    <div class="card-box">
        <el-row>
            <el-col :span="4">名称：</el-col>
            <el-col :span="4">{{carrierData.name}}</el-col>
            <el-col :span="4">用户登录名：</el-col>
            <el-col :span="4">{{carrierData.carrier_type}}</el-col>
            <el-col :span="4">代理商总数：</el-col>
            <el-col :span="4">{{carrierData.contact_person}}</el-col>
        </el-row>
        <el-row>
            <el-col :span="4">联系人：</el-col>
            <el-col :span="4">{{carrierData.phone_number}}</el-col>
            <el-col :span="4">邮箱：</el-col>
            <el-col :span="4">{{carrierData.name}}</el-col>
            <el-col :span="4">电话号码：</el-col>
            <el-col :span="4">{{carrierData.carrier_type}}</el-col>
        </el-row>
        <el-row>
            <el-col :span="4">支付方式：</el-col>
            <el-col :span="4">{{carrierData.phone_number}}</el-col>
            <el-col :span="4">余额：</el-col>
            <el-col :span="4">{{carrierData.name}}</el-col>
            <el-col :span="4">活跃卡数量：</el-col>
            <el-col :span="4">{{carrierData.carrier_type}}</el-col>
        </el-row>
        <el-row>
            <el-col :span="4">APP ID：</el-col>
            <el-col :span="4">{{carrierData.name}}</el-col>
            <el-col :span="4">销售：</el-col>
            <el-col :span="4">{{carrierData.carrier_type}}</el-col>
        </el-row>
        <el-row>
            <el-col :span="4">APP SECRET：</el-col>
            <el-col :span="20">{{carrierData.email}}</el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                carrierData:{}
            }
        },
        mounted() {
            this.$axios.get(`/api/carriers/${this.$route.params.id9}`).then((res) => {
                this.carrierData = res.data
            })
        }
    }
</script>

<style scoped lang="scss">
    .card-box {
        .el-row {
            .el-col {
                font-size: 14px;
                padding: 15px 0px;
            }
            .el-col:nth-of-type(2n + 1) {
                font-weight: bold;
                text-align: right;
            }
            .el-col:nth-of-type(2n) {
                padding-left: 15px;
            }
        }
    }
</style>